/***	
* date：2018.02.26
* name: 首页的-index的JS文件
* author：hj
* remarks：20180227-作废
*/

 // 首页的header搜索条
function topSearchFn(){
	$('#topSearchId')
		.attr('value', topSearchVal)
		.on({
			focus:function(){
				$(this).attr('value', '');
			},
			blur:function(){
				$(this).attr('value', topSearchVal);
			}
		});
}

// 首页coloumn导航
function columnNavFn(){
	// console.log(APILIST.columnNavJson)
		$.ajax({
			url: APILIST.columnNavJson,
			type: 'get',
			dataType: 'json',  //要求返还的数据是json类型
			success:function(_data){
				// console.log(_data)
				if(_data.code!=200){
					console.log(_data.message);
					return false;
				}

				var _arrs = _data.links;
				var _len  = _arrs.length;
				var _liHtml='';

				for(var i=0;i<_len;i++){
					if(_arrs[i].hot==true){
						// 有hot图标
						_liHtml=_arrs[i].name +'<i class="hot">蝴蝶结</i>';
		
					} else {
						// 无hot图标
						_liHtml=_arrs[i].name;
					} 
					// 生成li标签
					$('<li/>',{
						'class':'pr'
					})
							.html(_liHtml)
							.appendTo($('#columnNavId'));
					// 生成li后的小竖棍
					if(_arrs[i].line==1){
							// 有小竖棍
							$('<em/>',{
						'class':'borR mT_5 fl'
					})
							.appendTo($('#columnNavId'));
					} 
				}
						
			}
		});
}


// 左边产品导航，subNavId ,作废

function  subNavMenuFn(){
	var _subNavId	=$('#subNavId');
	// var _lis		=_subNavId.children();

	// _lis.on('mouseover',function(){
	// 	$(this)
	// 		.children('.popUpDiv')
	// 		.show();
	// });
	// _lis.on('mouseout',function(){
	// 	$(this)
	// 		.children('.popUpDiv')
	// 		.hide();
	// });

	$('#subNavId')
		.children()
		.on({
			mouseover:function(){
			$(this)
				.children('.popUpDiv')
				.show();
			},
			mouseout:function(){
				$(this)
				.children('.popUpDiv')
				.hide();
			}

		});
}
// 创建左侧产品导航
function createSubNavMenuFn(){
	var _subNavId = $('#subNavId');

	$.ajax({
		url: APILIST.subNavJson,
		type: 'get',
		dataType: 'json',  //要求返还的数据是json类型
		success:function(_data){
			var _data = _data.subNavData;
			var _len  = _data.length;
			// console.log(_data);
				for(var i=0;i<_len;i++){
					$('<li/>')
						.html( _data[i].name)
						.html(function(){
							$('<div/>',{
								class:'popUpDiv'
							})
							.html(function(){
								$('<ul/>')
										.html(function(){
											// console.log(_data[i].list)
											var _len=_data[i].list.length;
											for(var j=0;j<_len;j++){
												$('<li/>')
												.html(_data[i].list[j])
												.appendTo($(this))
											}
										})
										.appendTo($(this));
							})
							.appendTo($(this));
						})
						.appendTo( _subNavId );
				}
				_subNavId
					.children()
						.on({
								mouseover:function(){
								$(this)
									.children('.popUpDiv')
									.show();
								},
								mouseout:function(){
									$(this)
									.children('.popUpDiv')
									.hide();
								}

							});
			// console.log(_data);
			}
		});
	// 生成DOM节点
}

// 轮播图
function sliderWrapFn(){

		$.ajax({
		url: APILIST.sliderJson,
		type: 'get',
		dataType: 'json',  //要求返还的数据是json类型
		success:function(_data){
			// 回调
			if(_data.code!=200){
				console.log(_data.message)
				return false;
			 }

			console.log(_data)
			var _data			=_data.imgUrl;
			var _dataLength		=_data.length;

			var _leftBtnId		=$('#leftBtnId');
			var _rightBtnId		=$('#rightBtnId');
			var _imgId			=$('#imgId');
			var _inx			=0;
			var _pointerBtnId	=$('#pointerBtnId');

		
			// 小白点父容器id
			var _sliderPointerWrapId=$('#sliderPointerWrapId');
			// 小白点半透明背景id
			var _sliderPointerWrapBgId=$('#sliderPointerWrapBgId');
			var _pointWrap_width=_dataLength * 27;
			_sliderPointerWrapId.css({
				'width':_pointWrap_width,
				'marginLeft':-_pointWrap_width/2
			});
			_sliderPointerWrapBgId.css({
				'width':_pointWrap_width,
				'marginLeft':-_pointWrap_width/2
			});


			// 根据图片的数量，设置ul的宽度
			_imgId.css('width',_dataLength * 997 );

			for(var i=0;i<_dataLength;i++){
				// _data[i]
				$('<li/>')
					.html( '<img src='+ _data[i] +' />'  )
					.appendTo( _imgId );
			}

			// 生成小白点li
				for(var i=0;i<_dataLength;i++){
				// _data[i]
				$('<li/>')
					.appendTo( _pointerBtnId );
			}

				// 小白点list
			var _pBtn 			=_pointerBtnId.children();
				switchPointerRedFn( 0 );

			// 左按钮
			_leftBtnId.on('click',function(){
				if(_inx<_data.length-1){
				_inx++;
				}else{
				_inx=0;
				}	
				// _imgId.css('left',-(996* _inx));
				// _imgId.stop().animate({
				// 	'left':-(996* _inx)
				// },'normal');
				sliderAnimate(_imgId,_inx);
				switchPointerRedFn( _inx );
			});
			// 右按钮
			_rightBtnId.on('click',function(){
				if(_inx>0){
				_inx--;
				}else{
				_inx=(_data.length-1);
				}
				// _imgId.css('left',-(996* _inx));
				// 	_imgId.stop().animate({
				// 	'left':-(996* _inx)
				// },'normal');
				sliderAnimate(_imgId,_inx);
				switchPointerRedFn( _inx );
			});
			// 小白点的红点class切换
			function switchPointerRedFn( _n ){
					_pBtn.eq( _n )
					.addClass('redli')
					.siblings().removeClass();
			}

			// 小白点点击事件
			_pBtn.on('click',function(){
				_inx=$(this).index();
				// _imgId.css('left',-(996* _inx));
				// 	_imgId.stop().animate({
				// 	'left':-(996* _inx)
				// },'normal');
				sliderAnimate(_imgId,_inx);
				$(this)
					.addClass('redli')
					.siblings().removeClass();
			})
			
			}
	});

	// 生成轮播图列表DOM节点
}


// slider动画方法
function sliderAnimate(_n,_inx){
		_n.stop().animate({
			'left':-(996* _inx)
	},'normal');
}
							